<template>
	<el-container class="layout-container">
		<Aside/>
		<el-container class="content-wrapper">
			<Header/>
			<Main/>
		</el-container>
	</el-container>
</template>

<script lang="ts" setup>
import Aside from '@/layouts/components/aside/aside.vue'
import Header from '@/layouts/components/header.vue'
import Main from '@/layouts/router-view/main.vue'</script>

<style scoped>
.layout-container {
	height: 100%;
	width: 100%;
}

.content-wrapper {
	flex-direction: column;
	height: 100%;
	width: 100%;
}
</style>
